<%--
  Created by IntelliJ IDEA.
  User: 28797
  Date: 2022/10/20
  Time: 16:37
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>无忧租车</title>
    <script type="text/javascript">
        window._AMapSecurityConfig = {
            securityJsCode:'279a2400ea044c2e76c8dfbf60bd2307',
        }
    </script>
    <script type="text/javascript" src="https://webapi.amap.com/maps?v=2.0&key=46a0db089911d4b1f80e3db847fafd6d"></script>
    <script src="../js/jquery-3.6.0.min.js"></script>
    <script src="../js/js.dom1.js"></script>
    <script src="../layui/layui.js"></script>
    <link rel="stylesheet" href="../layui/css/layui.css">
    <link rel="stylesheet" href="../css/Business outlets.css">
    <link rel="stylesheet" href="../css/head_daohang.css">


</head>
<body>


<div id="head">
    <div class="layui-col-md2">
        <div class="grid-demo ">
            <div class="head-logo"></div>
        </div>
    </div>
    <div class="layui-col-md2">
        <div class="grid-demo head-demo"><a href="${pageContext.request.contextPath}/index.jsp" class="word-1">首页</a></div>
    </div>
    <div class="layui-col-md2">
        <div class="grid-demo head-demo"><a href="${pageContext.request.contextPath}/car/getCarView" class="head-hover word-1">自驾租车</a>
        </div>
    </div>
    <%--    <div class="layui-col-md1">--%>
    <%--        <div class="grid-demo head-demo"><a href="${pageContext.request.contextPath}/long_time_older/long_time.jsp" class="head-hover word-1">长租专区</a>--%>
    <%--        </div>--%>
    <%--    </div>--%>
    <div class="layui-col-md2">
        <div class="grid-demo head-demo"><a href=" ${pageContext.request.contextPath}/carOutlets/carAllList" class="head-hover word-1">车型查询</a>
        </div>
    </div>
    <div class="layui-col-md2">
        <div class="grid-demo head-demo"><a href="${pageContext.request.contextPath}/Offline_outlets/Business_outlets.jsp" class="head-hover word-1">营业网点</a></div>
    </div>
    <%--    <div class="layui-col-md1">--%>
    <%--        <div class="grid-demo head-demo"><a href="" class="head-hover word-1">会员专区</a></div>--%>
    <%--    </div>--%>
    <div class="layui-col-md2">
        <div class="grid-demo head-demo1">
            <i class="login-icon"></i>
            <a href="${pageContext.request.contextPath}/login/login.jsp" class="head-color">登录/注册</a>
        </div>
        <div class="tel">
            <i class="tel-icon"></i>
            <span class="tel-num">110-119-1111</span>
        </div>
    </div>
</div>



<!-- 苏州网点 -->
<div class="content">

    <!-- 下头a标签 -->
    <div class="new-city-area">
        <div class="suzhou-city-box">
            <p>
                <a href="">自驾租车</a>
                >
                <a href="">苏州租车</a>
            </p>
        </div>
    </div>

    <!-- 下头js框框 -->
    <div class="citybox-display">
        <div class="new-city-box">
            <p class="cityCar">苏州租车</p>
            <a href="">无忧租车,一路顺风</a>
            <input type="hidden" id="txtCity" value="苏州" readonly="readongly" >
        </div>
        <div class="new-area-wrap">
            <div class="new-area-box">

                <a href="javascript:void(0)" class="suzhou current" id="s1">机场/车站</a>
                <a href="javascript:void(0)" class="suzhou" id="s2" >姑苏区</a>
                <a href="javascript:void(0)" class="suzhou" id="s3">新区</a>
                <a href="javascript:void(0)" class="suzhou" id="s4">园区</a>
                <a href="javascript:void(0)" class="suzhou" id="s5">吴中区</a>
                <a href="javascript:void(0)" class="suzhou" id="s6">相城区</a>
                <a href="javascript:void(0)" class="suzhou" id="s7">吴江区</a>
                <a href="javascript:void(0)" class="suzhou" id="s8">虎丘区</a>
                <a href="javascript:void(0)" class="suzhou" id="s9">高新区</a>
            </div>
        </div>
    </div>


    <div class="main-box">
        <div id="main-box-left" class="main-box-left" style="height: 534px; ">
            <div class="store-box store-box-scd store-box-hover data-id=399" id="b1" >
                <ul>
                    <li class="store-nummark">1</li>
                    <li class="store-name">苏州新区高铁站送车点
                        <em class="railway-ico"></em>
                    </li>
                    <li class="store-address">苏州城南路与虚链路交叉口西南100米
                        <span></span>
                    </li>
                    <li class="store-phone">门店电话:
                        <span>13974561423</span>
                    </li>
                    <li class="store-time">上班时间:
                        <span>黄昏-黎明</span>
                    </li>
                </ul>
            </div>

            <div class="store-box store-box-scd store-box-hover data-id=399" id="b2">
                <ul>
                    <li class="store-nummark">1</li>
                    <li class="store-name">苏州新区高铁站送车点
                        <em class="railway-ico"></em>
                    </li>
                    <li class="store-address">苏州城南路与虚链路交叉口西南100米
                        <span></span>
                    </li>
                    <li class="store-phone">门店电话:
                        <span>13974561423</span>
                    </li>
                    <li class="store-time">上班时间:
                        <span>黄昏-黎明</span>
                    </li>
                </ul>
            </div>


            <div class="store-box store-box-scd store-box-hover data-id=399" id="b3" >
                <ul>
                    <li class="store-nummark">1</li>
                    <li class="store-name">苏州新区高铁站送车点
                        <em class="railway-ico"></em>
                    </li>
                    <li class="store-address">苏州城南路与虚链路交叉口西南100米
                        <span></span>
                    </li>
                    <li class="store-phone">门店电话:
                        <span>13974561423</span>
                    </li>
                    <li class="store-time">上班时间:
                        <span>黄昏-黎明</span>
                    </li>
                </ul>
            </div>

            <div class="store-box store-box-scd store-box-hover data-id=399" id="b4">
                <ul>
                    <li class="store-nummark">1</li>
                    <li class="store-name">苏州新区高铁站送车点
                        <em class="railway-ico"></em>
                    </li>
                    <li class="store-address">苏州城南路与虚链路交叉口西南100米
                        <span></span>
                    </li>
                    <li class="store-phone">门店电话:
                        <span>13974561423</span>
                    </li>
                    <li class="store-time">上班时间:
                        <span>黄昏-黎明</span>
                    </li>
                </ul>
            </div>


            <div class="store-box store-box-scd store-box-hover data-id=399" id="b5">
                <ul>
                    <li class="store-nummark">1</li>
                    <li class="store-name">苏州新区高铁站送车点
                        <em class="railway-ico"></em>
                    </li>
                    <li class="store-address">苏州城南路与虚链路交叉口西南100米
                        <span></span>
                    </li>
                    <li class="store-phone">门店电话:
                        <span>13974561423</span>
                    </li>
                    <li class="store-time">上班时间:
                        <span>黄昏-黎明</span>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 控制按钮 -->
        <div id="map-button-close" class="map-button-close" style="margin-top: 235px; display: block;">
        </div>
        <div id="map-button-open" class="map-button-open" style="margin-top: 235px; display: none;">
        </div>


        <!-- 地图 -->
        <div class="main-box-right main-box-right-full">
            <div id="container"></div>
        </div>

    </div>

    <div class="car-recommendbox">
        <div class="car-recommend">
            <h4 id="cityRecommrnf" style="visibility:visible;height: 67px;">苏州车型推荐</h4>
            <div id="recommendCars" class="clear_float" style="height:220px">


                <div class="car-rlist" url="https://www.1hai.cn/yyd_suzhou/">
                    <div class="car-rpic">
                        <img src="../images/0a6edece5fc99ed848cf3c91068a4cd4.png" alt="现代领动">
                        <div class="car-rdesbox clear_float">
                            <div class="car-rdes">
                                <div class="car-rname">现代领动 </div>
                                <div class="car-rtype">三厢 5坐 自动</div>
                            </div>
                            <div class="car-rprice">
                                <span>$</span>
                                <i>107</i>
                                起/日
                            </div>
                        </div>
                    </div>
                </div>

                <div class="car-rlist" url="https://www.1hai.cn/yyd_suzhou/">
                    <div class="car-rpic">
                        <img src="../images/0a6edece5fc99ed848cf3c91068a4cd4.png" alt="现代领动">
                        <div class="car-rdesbox clear_float">
                            <div class="car-rdes">
                                <div class="car-rname">现代领动 </div>
                                <div class="car-rtype">三厢 5坐 自动</div>
                            </div>
                            <div class="car-rprice">
                                <span>$</span>
                                <i>107</i>
                                起/日
                            </div>
                        </div>
                    </div>
                </div>

                <div class="car-rlist" url="https://www.1hai.cn/yyd_suzhou/">
                    <div class="car-rpic">
                        <img src="../images/0a6edece5fc99ed848cf3c91068a4cd4.png" alt="现代领动">
                        <div class="car-rdesbox clear_float">
                            <div class="car-rdes">
                                <div class="car-rname">现代领动 </div>
                                <div class="car-rtype">三厢 5坐 自动</div>
                            </div>
                            <div class="car-rprice">
                                <span>$</span>
                                <i>107</i>
                                起/日
                            </div>
                        </div>
                    </div>
                </div>

                <div class="car-rlist" url="https://www.1hai.cn/yyd_suzhou/">
                    <div class="car-rpic">
                        <img src="../images/0a6edece5fc99ed848cf3c91068a4cd4.png" alt="现代领动">
                        <div class="car-rdesbox clear_float">
                            <div class="car-rdes">
                                <div class="car-rname">现代领动 </div>
                                <div class="car-rtype">三厢 5坐 自动</div>
                            </div>
                            <div class="car-rprice">
                                <span>$</span>
                                <i>107</i>
                                起/日
                            </div>
                        </div>
                    </div>
                </div>


            </div>
        </div>
    </div>
    <!-- 尾部--------------------------------------------------------------------------------------------- -->
    <div class="footer">
        <div class="footer-box">
            <div class="footer-left">
                <p>
                    <span>关于无忧</span> |
                    <span>移动客户端</span> |
                    <span>帮助中心</span> |
                    <span>建议专区</span> |
                    <span>联系我们</span> |
                    <span>友情连接</span> |
                    <span>投诉通道：400-821-1608</span>
                </p>
                <p>
                    <span>Copyright © 2007-2022 苏州无忧信息技术服务有限公司 ICP证：苏B2-20140130|苏ICP备08010394号-1</span>
                </p>
            </div>
            <div class="footer-right"></div>
        </div>
    </div>



</div>



<script>
    loadInitData();
    $(".exit-token").click(function (){
        localStorage.clear();
    })


    function loadInitData(){
        console.log("00000000000000")
        var token = localStorage.getItem("token");
        // ----->cpmtollrt toke 你=-----
        console.log("token-----:"+token)

        $.ajax({
            type: "get",
            url: "${pageContext.request.contextPath}/customer/personalData",
            headers: {"token": token},
            success: function (result) {
                console.log(result);
                var loginUser = result.data.loginCustomer;

                if(loginUser != null) {
                    $(".head-color").text(loginUser.custName);
                    $(".head-color").attr("href", "${pageContext.request.contextPath}/customer/getId/" + loginUser.custId);

                }else{
                    console.log("2222222")
                    $(".head-color").text("登录");
                    $(".head-color").attr("href", "login/login.jsp");
                }
            }
        })
    }
</script>

<script src="../js/js.dom1.js"></script>
<script src="../js/layui/layui.js"></script>
</body>
</html>